// 错误信息提示不再是一个组件，可以是一个方法
// 需要创建一个错误信息的页面  createApp
import {createApp} from 'vue'
import Message from './Message.vue'
export type MessageType='success' | 'error' |'default'

const createMessage=(message:string,type:MessageType,timeout=2000)=>{
    // Message,{message,type}  组件，传递的值props {message,type}
    const messageInstance=createApp(Message,{message,type})

    const mountNode=document.createElement('div')
    document.body.appendChild(mountNode)
    messageInstance.mount(mountNode)
    setTimeout(()=>{
        messageInstance.unmount() // unmount(mountNode)
        document.body.removeChild(mountNode)
    },timeout)
}

export default createMessage
